<DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta
        name="viewport"
        content="width=device-width, initial-scale=1.0">
        <title>表单学习</title> 
        <br>
        <br>
        <form accept="" style="border: 1px solid rgb(159, 42, 42);" padding:50px;>
            用户名：<input type="text" placeholder="请输入用户名"><br>
            密码：<input type="password" placeholder="请输入密码">
            <input type="button" value="登录">
            <input type="button" value="注册">
            <input type="reset" value="重置"><br>
            你最喜欢的颜色：<input type="color" name="color" id=""><br>
            爱好：
            <input type="checkbox" name="hobby" value="篮球" id="">篮球
            <input type="checkbox" name="hobby" value="足球" id="">足球
            <input type="checkbox" name="hobby" value="乒乓球" id="">乒乓球
            <br>性别：

            <input type="radio" name="sex" id="" value="男">男
            <input type="radio" name="sex" id="" value="女">女
            <input type="radio" name="sex" id="" value="未知">未知
            <br>生日：
            <input type="date" id=""><br>
            <input type="datetime-local" name="" id=""><br>

            <br>邮箱：
            <input type="email" name="" id="" placeholder="请输入邮箱"><br>
            上传头像：
            <input type="file" name="" id=""><br>
            存款：
            <input type="number" name="" id="" step="10" placeholder="请填入整数"><br>
            籍贯：
            <select name="" id="">
                <option value="">请选择</option>
                <option value="四川">四川</option>
                <option value="上海">上海</option>
                <option value="广州">广州</option>
                <option value="北京">北京</option>
                <option value="国外">国外</option>
                <br>
                </select>
                <br>
                <textarea name="" id="" cols="30" rows="10" id=""></textarea>

                <br>
                <input type="button" value="提交" title="login" onclick="window.location.href='register.html'">
                <input type="reset" value="取消" title="cancel" onclick="window.location.href='index.html'">
                <input type="button" value="注册" title="给新用户注册的" onclick="window.location.href=location.href='zhuce.html'"><br>
                你喜欢的颜色<input type="color" name="color" id="">
                
                <br>
                <br>
                <br>
            
        
        </form>   

        </head>

        <style>
            input{
                font-size: 30px;
                color: aquamarine;
            }

            span{
                color: red;
            }

            img{
                   width: 300px;
                border-radius: 150px;
        </style>

        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <div>5</div>
        <div>6</div>
        <div>7</div>
        <div>8</div>

        <span>a</span>
        <span>b</span>
        <span>c</span>
        <span>d</span>
        <span>e</span>
        <span>f</span>
        <span>g</span>
        <span>h</span>
    </html>